<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, email=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <style>
        .fx {
            font-size: 50px;
            top: 50%;
        }
    </style>
    <link rel="stylesheet" href="index.css">
    <script src="bootstrap/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <!--<script src="bootstrap/js/npm.js"></script>-->
</head>
<body>

<!--    轮播    -->

<div id="myCarousel" class="carousel slide">

    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="img/good_11.png" alt="First slide">
            <div class="carousel-caption">标题 1</div>
        </div>
        <div class="item">
            <img src="img/good_11.png" alt="Second slide">
            <div class="carousel-caption">标题 2</div>
        </div>
        <div class="item">
            <img src="img/good_11.png" alt="Third slide">
            <div class="carousel-caption">标题 3</div>
        </div>
    </div>
    <!-- 轮播（Carousel）导航 -->
    <a class="carousel-control left glyphicon glyphicon-chevron-left fx" href="#myCarousel"
       data-slide="prev">
    </a>
    <a class="carousel-control right glyphicon glyphicon-chevron-right fx" href="#myCarousel"
       data-slide="next">
    </a>
</div>

<!--    导航-->
<div class="content">
    <!--分类导航-->
    <div class="row col-md-offset-2">
        <ul class="nav navbar-nav">
            <li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
            <li><a href="#">在学</a></li>
            <li><a href="#">在教</a></li>
            <li><a href="#">小组</a></li>
            <li><a href="#">动态</a></li>
            <li><a href="#">问答</a></li>
            <li><a href="#">笔记</a></li>
            <li><a href="#">留言</a></li>

        </ul>
    </div>

    <div class="row">
        <div class="col-md-6 col-md-offset-2">
            <div class="row">
                <div class="panel panel-default">
                    <div class="panel-heading title">
                        <span>班级</span>
                        <span class="right navbar-right sheng">……</span>
                    </div>
                    <div class="panel-body join">
                        <span>TA还未加入任何班级</span>
                    </div>
                </div>
            </div>

            <!--班级-->
            <div class="row">

                <div class="panel panel-default">
                    <div class="panel-heading title">
                        <span>在线课程</span>
                        <span class="right navbar-right sheng">……</span>
                    </div>
                    <div class="panel-body slt">
                        <div class="row">
                            <div class="sl col-sm-6 col-md-4">
                                <div class="thumbnail">
                                    <img src="img/good_24.png" alt="...">
                                    <div class="caption">
                                        <h3>Thumbnail label</h3>
                                        <p>...</p>
                                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#"
                                                                                                           class="btn btn-default"
                                                                                                           role="button">Button</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="sl col-sm-6 col-md-4">
                                <div class="thumbnail">
                                    <img src="img/good_14.png" alt="...">
                                    <div class="caption">
                                        <h3>Thumbnail label</h3>
                                        <p>...</p>
                                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#"
                                                                                                           class="btn btn-default"
                                                                                                           role="button">Button</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="sl col-sm-6 col-md-4">
                                <div class="thumbnail">
                                    <img src="img/good_16.png" alt="...">
                                    <div class="caption">
                                        <h3>Thumbnail label</h3>
                                        <p>...</p>
                                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#"
                                                                                                           class="btn btn-default"
                                                                                                           role="button">Button</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="sl col-sm-6 col-md-4">
                                <div class="thumbnail">
                                    <img src="img/good_18.png" alt="...">
                                    <div class="caption">
                                        <h3>Thumbnail label</h3>
                                        <p>...</p>
                                        <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#"
                                                                                                           class="btn btn-default"
                                                                                                           role="button">Button</a>
                                        </p>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>

            </div>

            <!--   缩略图-->


            <!--        笔记-->
            <div class="row">
                <div class="panel panel-default">
                    <div class="panel-heading title">
                        <span>笔记</span>
                        <span class="right navbar-right sheng">……</span>
                    </div>
                    <div class="panel-body join">
                        <span>TA还没有任何公开的笔记</span>
                    </div>
                </div>
            </div>

            <!--留言-->
            <div class="row">
                <div class="panel panel-default">
                    <div class="panel-heading title">
                        <span>留言</span>
                        <span class="right navbar-right sheng">……</span>
                    </div>
                    <div class="panel-body join">
                        <textarea class="col-md-12" name="" id="" cols="30" rows="10"></textarea>
                        <button class="btn btn-success pull-right say">留言</button>
                    </div>
                </div>
            </div>
        </div>

        <!--右半部分-->
        <div class="col-md-2">
            <div>hfjsdhafjk</div>


            <ul class="list-group">
                <li class="list-group-item">免费域名注册</li>
                <li class="list-group-item">免费 Window 空间托管</li>
                <li class="list-group-item">图像的数量</li>
                <li class="list-group-item">24*7 支持</li>
                <li class="list-group-item">每年更新成本</li>
            </ul>

            <!--好友-->
            <div class="panel panel-default">
                <div class="panel-heading">
                    不带 title 的面板标题
                </div>
                <div class="panel-body">
                    面板内容
                </div>
            </div>
        </div>
    </div>
</div>


<div class="footer content panel-footer">
    <div class="row ">
        <div class="col-md-10 fthead col-md-offset-1">
            <img src="img/good_43.png" alt="" class="ft_img pull-left">
            <div class="ft_center pull-left">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">加入我们</a></li>
                    <li><a href="#">合作申请</a></li>
                    <li><a href="#">意见反馈</a></li>
                </ul>
                <br>
                <span>浙ICP备13006852号-3</span>
                <span>浙ICP备13006852号-3</span>
            </div>
            <div class="ft_right pull-right">
                <ul>
                    <li>关注我们</li>
                    <li><img src="img/good_46.png" alt=""></li>
                    <li><img src="img/good_49.png" alt=""></li>
                    <li><img src="img/good_51.png" alt=""></li>
                    <li><img src="img/good_53.png" alt=""></li>
                </ul>
            </div>

        </div>
        <ul class="col-md-10 col-md-offset-1 ft_bottom">
            <li>友情链接：</li>
            <li>EduSoho开源网络课堂</li>
            <li>好球鱼学院</li>
            <li>360安全网址导航</li>
            <li>hao123</li>
            <li>绿色网</li>
            <li>站长之家</li>
            <li>新客网</li>
            <li>踏浪100</li>
            <li>麦子学院</li>
            <li>泊位峰</li>
        </ul>
    </div>
</div>


</body>
</html>